﻿<!DOCTYPE html>
<html lang="en">
<head> 
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Organic store</title>
<!-- main css -->
<!-- main css -->
<link rel="stylesheet" href="assets/css/main.css">
<!-- main css -->
<link rel="stylesheet" href="assets/vendor/detail-page/style.css">
<link rel="stylesheet" href="assets/vendor/jquery/easyzoom.css">
<!-- main css -->
</head>
<body>
<!-- Navigation -->
<div class="top-bg">
  <div class="container">
    <div class="row">
      <div class="col-lg-5 col-md-12 top-div top1">
        <ul>
          <li><a href="mailto:info.organicstore@gmail.com"><i class="fa fa-envelope"></i> &nbsp;info.organicstore@gmail.com</a></li>
          <li>|</li>
          <li><i class="fa fa-phone" aria-hidden="true"></i> +12 345 6789</li>
        </ul>
      </div>
      <div class="col-lg-7 col-md-6 col-md-12 position-relative">
        <div class="right-div">
          <ul>
            <li>
              <ul class="social-network">
                <li><a href="#" class="icoRss" title=""><i class="fa fa-rss"></i></a></li>
                <li><a href="#" class="icoFacebook" title=""><i class="fa fa-facebook"></i></a></li>
                <li><a href="#" class="icoTwitter" title=""><i class="fa fa-twitter"></i></a></li>
                <li><a href="#" class="icoGoogle" title=""><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#" class="icoLinkedin" title=""><i class="fa fa-linkedin"></i></a></li>
              </ul>
            </li>
            <li>
              <ul class="top-ul">
                <li>
                  <div class="dropdown"> <a class="dropdown-toggle" href="" data-toggle="dropdown"><img src="assets/images/flag.jpg" alt="" title=""> English <i class="fa fa-angle-down"></i></a>
                    <div class="dropdown-menu flag-css dropdown-menu-right"> <a href="#">English</a> <a href="#"><span class="flag-icon flag-icon-fr"> </span>French</a> <a href="#"><span class="flag-icon flag-icon-it"> </span>Italian</a> <a href="#"><span class="flag-icon flag-icon-ru"> </span>Russian</a> </div>
                  </div>
                </li>
                <li>
                  <div class="dropdown"> <a class="dropdown-toggle currency" href="" data-toggle="dropdown"> <i class="fa fa-angle-down"></i></a>
                    <ul class="dropdown-menu drop1 dropdown-menu-right">
                      <li class="dropdown-item"><a href="#"> US Dollar</a></li>
                      <li class="dropdown-item"><a href="#"> British Pound</a></li>
                    </ul>
                  </div>
                </li>
              </ul>
            </li>
            <li>
              <div class="rate-price rate-price2">
                <ul>
                  <li class="dropdown"> <a class="dropdown-toggle" href="" data-toggle="dropdown"> <i class="fa fa-user-circle-o" aria-hidden="true"></i></a>
                    <div class="dropdown-menu dropdown-menu-right animate slideIn"> <a class="dropdown-item" href="#">Login</a> <a class="dropdown-item" href="#">My Account</a> <a class="dropdown-item" href="#">Register</a> <a class="dropdown-item" href="#">Forgot Password</a> </div>
                  </li>
                  <li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="circle-2">1</span></a></li>
                  <li class="dropdown"> <a class="dropdown-toggle link" href="" data-toggle="dropdown"><i class="fa fa-shopping-bag" aria-hidden="true"></i><span class="circle-2">1</span></a>
                    <div class="dropdown-menu dropdown-menu2 dropdown-menu-right  animate slideIn">
                      <div class="container">
                        <div class="row">
                          <div class="col-3"><img src="assets/images/fruits/img-1.jpg" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3"><img src="assets/images/fruits/img-2.jpg" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3"><img src="assets/images/fruits/img-3.jpg" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3"><img src="assets/images/fruits/img-4.jpg" alt="" title="" class="img-fluid"></div>
                          <div class="col-9">
                            <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                            <a href="" class="close">x</a> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3">
                            <p class="font-15">Tax </p>
                          </div>
                          <div class="col-9 text-right"> <span class="font-15">$ 2.80</span> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-3">
                            <p class="font-15"><strong>Total</strong></p>
                          </div>
                          <div class="col-9 text-right"> <span class="font-15"><strong>$ 10.80</strong></span> </div>
                          <div class="col-md-12">
                            <hr>
                          </div>
                          <div class="col-md-12 text-center">
                            <input type="button" value="Check out" class="btn check-out w-100">
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="clearfix"></div>
<nav class="navbar navbar-expand-lg navbar-dark bg-white">
  <div class="container"> <a class="navbar-brand" href="index#"> <img src="assets/images/logo.png" alt="" title="" class="img-fluid"> </a>
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav">
        <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>
          <div class="dropdown-menu dropdown-menu-right animate slideIn" aria-labelledby="Dropdown1"> <a class="dropdown-item" href="index#">Home</a> <a class="dropdown-item" href="#">Home v2</a> <a class="dropdown-item" href="#">Home v3</a> <a class="dropdown-item" href="#">left Side Menu</a> <a class="dropdown-item" href="#">Mega Menu</a> </div>
        </li>
        <li class="nav-item dropdown megamenu-li"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> SHOP </a>
          <div class="dropdown-menu megamenu animate slideIn">
            <div class="row">
              <div class="col-sm-6 col-lg-4">
                <h5>With sidebar</h5>
                <a class="dropdown-item" href="#">Shop Grid</a> <a class="dropdown-item" href="#">Shop 3 columns</a> <a class="dropdown-item" href="#">Shop 4 columns</a> <a class="dropdown-item" href="#">Shop 5 columns</a> <a class="dropdown-item" href="#">Shop 6 columns</a> </div>
              <div class="col-sm-6 col-lg-4">
                <h5>Without sidebar</h5>
                <a class="dropdown-item" href="shop-w-o-sidebar#">Shop Grid</a> <a class="dropdown-item" href="#">Shop 3 columns</a> <a class="dropdown-item" href="#">Shop 4 columns</a> <a class="dropdown-item" href="#">Shop 5 columns</a> <a class="dropdown-item" href="#">Shop 6 columns</a> </div>
              <div class="col-sm-6 col-lg-4">
                <h5>Shop</h5>
                <a class="dropdown-item"  href="#">Shop Top filter</a> <a class="dropdown-item" href="#">Product Detail</a> <a class="dropdown-item" href="single_product-2#">Product Detail V2</a> </div>
              <div class="clearfix"></div>
              <div class="col-md-12">
                <hr>
              </div>
              <div class="col-md-6"><img src="assets/images/page-img/menu-img.jpg" alt="" title="" class="img-fluid"></div>
              <div class="col-md-6"><img src="assets/images/page-img/menu2-img.jpg" alt="" title="" class="img-fluid"></div>
            </div>
          </div>
        </li>
        <li class="nav-item dropdown megamenu-li"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Category </a>
          <div class="dropdown-menu megamenu animate slideIn" aria-labelledby="navbarDropdownBlog">
            <div class="row">
              <div class="col-sm-6 col-lg-3">
                <h5>Dried Fruits</h5>
                <a class="dropdown-item" href="#">Almond</a> <a class="dropdown-item" href="#">Apricot</a> <a class="dropdown-item" href="#">Arrowroot</a> <a class="dropdown-item" href="#">Cantaloupe </a> <a class="dropdown-item" href="#">Cashew</a> </div>
              <div class="col-sm-6 col-lg-3">
                <h5>Fruits</h5>
                <a class="dropdown-item" href="#">Apples</a> <a class="dropdown-item" href="#">Apricots</a> <a class="dropdown-item" href="#">Bananas</a> <a class="dropdown-item" href="#">Cantaloupe</a> <a class="dropdown-item" href="#">Cherry</a> </div>
              <div class="col-sm-6 col-lg-3">
                <h5>Juice</h5>
                <a class="dropdown-item" href="#">Sugarcane </a> <a class="dropdown-item" href="#">Wheatgrass</a> <a class="dropdown-item" href="#">Arrowroot</a> <a class="dropdown-item" href="#">Grapefruit</a> <a class="dropdown-item" href="#">Otai</a> </div>
              <div class="col-sm-6 col-lg-3">
                <p><img src="assets/images/page-img/menu3-img.jpg" alt="" title="" class="img-fluid"></p>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
        </li>
        <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blog </a>
          <div class="dropdown-menu dropdown-menu-right animate slideIn" aria-labelledby="Dropdown3">
            <h5>Blog Pages</h5>
            <a class="dropdown-item" href="blog-left-sidebar#">Blog Left Sidebar</a> <a class="dropdown-item" href="blog-right-sidebar#">Blog Right Sidebar</a> <a class="dropdown-item" href="blog-w-o-sidebar#">Blog Without Sidebar</a> <a class="dropdown-item" href="blog-details#">Blog Details</a> </div>
        </li>
        <li class="nav-item dropdown megamenu-li"> <a class="nav-link dropdown-toggle" href="#" id="Dropdown4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Pages </a>
          <div class="dropdown-menu megamenu animate slideIn">
            <div class="row">
              <div class="col-sm-6 col-lg-4">
                <h5>My Account</h5>
                <a class="dropdown-item" href="#">Login</a> <a class="dropdown-item" href="#">My Account</a> <a class="dropdown-item" href="#">Register</a> <a class="dropdown-item" href="#">Forgot Password</a> </div>
              <div class="col-sm-6 col-lg-4">
                <h5>Page Link</h5>
                <a class="dropdown-item" href="cart#">Cart</a> <a class="dropdown-item" href="cart-2#">Cart v2</a> <a class="dropdown-item" href="gift-card#">Gift Card</a> <a class="dropdown-item" href="#">Wishlist</a> <a class="dropdown-item" href="checkout#">Checkout</a> <a class="dropdown-item" href="contact#">Contact</a> <a class="dropdown-item" href="404#">404 Error</a> <a class="dropdown-item" href="comingsoon#">Coming soon</a> </div>
              <div class="col-sm-6 col-lg-4">

                <a class="dropdown-item" href="about-us#">About Us</a> <a class="dropdown-item" href="terms-conditions#">Terms Conditions</a> <a class="dropdown-item" href="faq#">FAQ</a> </div>
            </div>
          </div>
        </li>
      </ul>
      <div class="rate-price nav-1">
        <ul>
          <li class="dropdown"> <a class="dropdown-toggle" href="" data-toggle="dropdown"> <i class="fa fa-user-circle-o" aria-hidden="true"></i></a>
            <div class="dropdown-menu dropdown-menu-right animate slideIn"> <a class="dropdown-item" href="#">Login</a> <a class="dropdown-item" href="#">My Account</a> <a class="dropdown-item" href="#">Register</a> <a class="dropdown-item" href="#">Forgot Password</a> </div>
          </li>
          <li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="circle-2">1</span></a></li>
          <li class="dropdown"> <a class="dropdown-toggle link" href="" data-toggle="dropdown"><i class="fa fa-shopping-bag" aria-hidden="true"></i><span class="circle-2">1</span></a>
            <div class="dropdown-menu dropdown-menu2 dropdown-menu-right animate slideIn">
              <div class="container">
                <div class="row">
                  <div class="col-md-3"><img src="assets/images/fruits/img-1.jpg" alt="" title="" class="img-fluid"></div>
                  <div class="col-md-9">
                    <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                    <a href="" class="close">x</a> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3"><img src="assets/images/fruits/img-2.jpg" alt="" title="" class="img-fluid"></div>
                  <div class="col-md-9">
                    <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                    <a href="" class="close">x</a> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3"><img src="assets/images/fruits/img-3.jpg" alt="" title="" class="img-fluid"></div>
                  <div class="col-md-9">
                    <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                    <a href="" class="close">x</a> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3"><img src="assets/images/fruits/img-4.jpg" alt="" title="" class="img-fluid"></div>
                  <div class="col-md-9">
                    <p>1 x Product Name... <span class="price">$ 14.70</span></p>
                    <a href="" class="close">x</a> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3">
                    <p class="font-15">Tax </p>
                  </div>
                  <div class="col-md-9 text-right"> <span class="font-15">$ 2.80</span> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-3">
                    <p class="font-15"><strong>Total</strong></p>
                  </div>
                  <div class="col-md-9 text-right"> <span class="font-15"><strong>$ 10.80</strong></span> </div>
                  <div class="col-md-12">
                    <hr>
                  </div>
                  <div class="col-md-12 text-center">
                    <input type="button" value="Check out" class="btn check-out w-100">
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
  <div class="clearfix"></div>
</nav>
<!-- Navigation -->
<div class="container">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb2 breadcrumb">
      <li class="breadcrumb-item"><a href="index#"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
      <li class="breadcrumb-item">Single Product</li>
    </ol>
  </nav>
  <div class="clearfix"></div>
</div>
<div class="inner-header2">
  <h3>Orange</h3>
</div>
<div class="inner-page">
  <div class="container">
    <div class="row justify-content-md-center">
      <div class="col-lg-6"> <a href="#" class="wish-list"><i class="fa fa-heart" aria-hidden="true"></i></a>
        <div id="sync1" class="owl-carousel owl-theme">
          <div class="item easyzoom easyzoom--overlay"> <a href="assets/images/product-details/zoom-1.jpg"> <img src="assets/images/product-details/product-1.jpg" alt="" title="" /> </a> </div>
          <div class="item">
            <div class="item easyzoom easyzoom--overlay"> <a href="assets/images/product-details/zoom-2.jpg"> <img src="assets/images/product-details/product-2.jpg" alt="" title="" /> </a> </div>
          </div>
          <div class="item">
            <div class="item easyzoom easyzoom--overlay"> <a href="assets/images/product-details/zoom-3.jpg"> <img src="assets/images/product-details/product-3.jpg" alt="" title="" /> </a> </div>
          </div>
          <div class="item">
            <div class="item easyzoom easyzoom--overlay"> <a href="assets/images/product-details/zoom-4.jpg"> <img src="assets/images/product-details/product-4.jpg" alt="" title="" /> </a> </div>
          </div>
          <div class="item">
            <div class="item easyzoom easyzoom--overlay"> <a href="assets/images/product-details/zoom-1.jpg"> <img src="assets/images/product-details/product-1.jpg" alt="" title="" /> </a> </div>
          </div>
        </div>
        <div id="sync2" class="owl-carousel owl-theme">
          <div class="item"><img src="assets/images/product-details/product-1.jpg" alt="" title=""></div>
          <div class="item"><img src="assets/images/product-details/product-2.jpg" alt="" title=""></div>
          <div class="item"><img src="assets/images/product-details/product-3.jpg" alt="" title=""></div>
          <div class="item"><img src="assets/images/product-details/product-4.jpg" alt="" title=""></div>
          <div class="item"><img src="assets/images/product-details/product-1.jpg" alt="" title=""></div>
        </div>
      </div>
      <div class="col-lg-6  product-text">
        <div class="row">
          <div class="col-md-6 col-sm-6 col-6">
            <h3>Orange</h3>
            <img src="assets/images/star.png" alt="" title=""> <img src="assets/images/star.png" alt="" title=""> <img src="assets/images/star.png" alt="" title=""> <img src="assets/images/star.png" alt="" title=""> <img src="assets/images/star.png" alt="" title=""> </div>
          <div class="col-md-6 col-sm-6 text-right col-6">
            <div class="price-css"> <span>$35.00</span>
              <div class="clearfix"></div>
              $24.00 </div>
          </div>
          <div class="col-md-12">
            <div class="mt-3">
              <p>The orange is the fruit of the citrus species Citrus × sinensis in the family Rutaceae. Orange trees are widely grown in tropical and subtropical climates for their sweet fruit. The fruit of the orange tree can be eaten fresh, or processed for its juice or fragrant peel.</p>
              <div class="mt-3 text-2">
                <p><span>Availability</span>: &nbsp;&nbsp;<img src="assets/images/available.png" alt="" title="" > In Stock</p>
                <p><span>Vendor</span>: &nbsp;&nbsp;organicfood store</p>
                <p><span>Product Type</span>: &nbsp;&nbsp;Malesuada nunc vel risus </p>
              </div>
              <div class="quality">
                <div class="row">
                  <div class="col-md-6 col-sm-6">
                    <div class="input-group">
                      <h4>Quality :</h4>
                      <span class="input-group-btn">
                      <button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quant[1]"> <i class="fa fa-minus"></i> </button>
                      </span>
                      <input type="text" name="quant[1]" class="input-number" value="1" min="1" max="10">
                      <span class="input-group-btn">
                      <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]"><i class="fa fa-plus"></i> </button>
                      </span> </div>
                  </div>
                  <div class="col-md-6 col-sm-6"> <a class="btn add-to-cart2" href="cart#">Add To Cart</a> </div>
                </div>
              </div>
              <div class="clearfix"></div>
              <div class="share">
                <h3 class="pull-left">Share : &nbsp; &nbsp;</h3>
                <div class="pull-left">
                  <ul class="social-network3">
                    <li><a href="#" class="facebook-icon" title=""><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#" class="twitter-icon" title=""><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#" class="google-icon" title=""><i class="fa fa-google-plus"></i></a></li>
                    <li><a href="#" class="linkedin-icon" title=""><i class="fa fa-linkedin"></i></a></li>
                  </ul>
                </div>
              </div>
              <div class="clearfix"></div>
              <div class="row categories">
                <div class="col-md-7">
                  <h3 class="pull-left"> Categories : <span>&nbsp;Organic, Healthy, Low Fat </span></h3>
                </div>
                <div class="col-md-5">
                  <h3 class="pull-left"> Tags : <span>&nbsp;Healthy, Low Fat</span></h3>
                </div>
                <div class="clearfix"></div>
                <div class="list-3 row">
                  <div class="col-lg-4"><img src="assets/images/shield.png" alt=""> 10 days return</div>
                  <div class="col-lg-4"><img src="assets/images/shipping.png" alt=""> Quick Delivery</div>
                  <div class="col-lg-4"><img src="assets/images/transfer.png" alt=""> 35% Cashback</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="clearfix"> </div>
      <div class="col-md-12">
        <div id="tabs" class="description">
          <div>
            <nav>
              <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist"> <a class="active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Description</a>&nbsp;|&nbsp;<a class="" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Additional information</a>&nbsp;|&nbsp;<a class="" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Reviews</a> </div>
            </nav>
            <div class="tab-content" id="nav-tabContent">
              <div class="tab-pane fade show active text-1" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                <p class="p1"><strong>How to write product descriptions that sell <br>
                  </strong>One of the best things you can do to make your store successful is invest some time in writing great product descriptions. You want to provide detailed yet concise information that will entice potential to buy.</p>
                <p class="p2"><strong>Think like a consumer<br>
                  </strong>Think about what you as a consumer would want to know, then include those features in your description. For clothes: materials and fit. For food: ingredients and how it was prepared. Bullets are your friends when listing features — try to limit each one to 5-8 words.</p>
                <p class="p2"><strong>Find differentiators<br>
                  </strong>Pepper your features with details that show how the product stands out against similar offerings. For clothes: is it vintage or hard to find? For art: is the artist well known? For home décor: is it a certain style like mid-century modern? Unique product descriptions not only help you stand out, they improve your SEO.</p>
                <p class="p2"><strong>Keep it simple<br>
                  </strong>Provide enough detail to help consumers make an informed decision, but don’t overwhelm with a laundry list of features or flowery language. Densely pack your descriptions with useful information and watch products fly off the shelf.</p>
                <!-- snippet location product_description -->
              </div>
              <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                <table class="table">
                  <tbody>
                    <tr>
                      <th width="20%"><div align="left">Brand</div></th>
                      <td>Orgain</td>
                    </tr>
                    <tr>
                      <th><div align="left">Calories Per Serving</div></th>
                      <td>352 Calories</td>
                    </tr>
                    <tr>
                      <th><div align="left">Nutrition Facts</div></th>
                      <td>Low Sodium</td>
                    </tr>
                    <tr>
                      <th><div align="left">Storage life</div></th>
                      <td>1 month</td>
                    </tr>
                    <tr>
                      <th><div align="left">Per Pack</div></th>
                      <td>2, 4, 6</td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                <div class="row">
                  <div class="col-md-6">
                    <div class="row m-0 text-center-m">
                      <div class="col-lg-2 col-md-3 col-sm-2 text-center mb-3"><img src="assets/images/review1.jpg" alt="" title="" class="radius image-boder img-fluid"></div>
                      <div class="col-lg-10 col-md-9 col-sm-10">
                        <h2 class="font-15 mt-10">Daryl Michaels <span class="font-13 text-themecolor">Product: Mobile Phone</span></h2>
                        <span class="fa fa-star checked font-13"></span> <span class="fa fa-star checked font-13"></span> <span class="fa fa-star checked font-13"></span> <span class="fa fa-star font-13"></span> <span class="fa fa-star font-13"></span> &nbsp;<span class="red">1 Min ago </span>
                        <div class="mt-1">
                          <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.</p>
                        </div>
                      </div>
                      <div class="clearfix"></div>
                      <div class="col-12">
                        <hr>
                      </div>
                      <div class="clearfix"></div>
                      <div class="col-lg-2 col-md-3 col-sm-2 text-center"><img src="assets/images/review2.jpg" alt="" title="" class="radius image-boder img-fluid"></div>
                      <div class="col-lg-10 col-md-9 col-sm-10">
                        <h2 class="font-15 mt-10">Daryl Michaels <span class="font-13 text-themecolor">Product: Mobile Phone</span></h2>
                        <span class="fa fa-star checked font-13"></span> <span class="fa fa-star checked font-13"></span> <span class="fa fa-star checked font-13"></span> <span class="fa fa-star font-13"></span> <span class="fa fa-star font-13"></span> <span class="red">&nbsp;1 Min ago </span>
                        <div class="mt-1">
                          <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <h4>Write Your Review</h4>
                    <p class="mb-3">Your email address will not be published.</p>
                    <form class="review-form">
                      <div class="form-group">
                        <input class="form-control" type="text" placeholder="Your Name">
                      </div>
                      <div class="form-group">
                        <input class="form-control" type="email" placeholder="Email Address">
                      </div>
                      <div class="form-group">
                        <textarea class="form-control" rows="5" placeholder="Your review"></textarea>
                      </div>
                      <div class="form-group">
                        <div class="input-rating"> <strong>Your Rating:</strong>
                          <div class="stars">
                            <input type="radio" id="star5" name="rating" value="5">
                            <label for="star5"></label>
                            <input type="radio" id="star4" name="rating" value="4">
                            <label for="star4"></label>
                            <input type="radio" id="star3" name="rating" value="3">
                            <label for="star3"></label>
                            <input type="radio" id="star2" name="rating" value="2">
                            <label for="star2"></label>
                            <input type="radio" id="star1" name="rating" value="1">
                            <label for="star1"></label>
                          </div>
                        </div>
                        <button class="btn add-to-cart3">Submit</button>
                      </div>
                    </form>
                  </div>
                </div>
                <div class="clearfix"></div>
                <div class="clearfix"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="clearfix"></div>
      <div class="related">
        <div class="col-md-12">
          <h2 class="icon-css">Related Products</h2>
          <div class="owl-carousel latest-products owl-theme wow fadeIn">
            <div class="item">
              <div class="product"><a class="product-img" href=""><img src="assets/images/product-img/product-img-1.jpg" alt=""></a>
                <h5 class="product-type">Fruits</h5>
                <h3 class="product-name">Green Apple</h3>
                <h3 class="product-price">$14.00 </h3>
                <div class="product-select">
                  <button data-toggle="tooltip" data-placement="top" title="" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-1" data-original-title="Quick view"><i class="fa fa-eye" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Add to cart" class="add-to-cart round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="product"><a class="product-img" href=""><img src="assets/images/product-img/product-img-2.jpg" alt=""></a>
                <h5 class="product-type">Vegetables</h5>
                <h3 class="product-name">Ingredients</h3>
                <h3 class="product-price">$14.00</h3>
                <div class="product-select">
                  <button data-toggle="tooltip" data-placement="top" title="" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" data-original-title="Quick view"><i class="fa fa-eye" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Add to cart" class="add-to-cart round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="sale-flag-side"> <span class="sale-text">Sale</span> </div>
              <div class="product"><a class="product-img" href=""><img src="assets/images/product-img/product-img-3.jpg" alt=""></a>
                <h5 class="product-type">Spices</h5>
                <h3 class="product-name">Ingredients</h3>
                <h3 class="product-price">$14.00 <del>$35.00</del></h3>
                <div class="product-select">
                  <button data-toggle="tooltip" data-placement="top" title="" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-3" data-original-title="Quick view"><i class="fa fa-eye" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Add to cart" class="add-to-cart round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="product"><a class="product-img" href=""><img src="assets/images/product-img/product-img-4.jpg" alt=""></a>
                <h5 class="product-type">Spices</h5>
                <h3 class="product-name">Ingredients</h3>
                <h3 class="product-price">$14.00 <del>$35.00</del></h3>
                <div class="product-select">
                  <button data-toggle="tooltip" data-placement="top" title="" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-4" data-original-title="Quick view"><i class="fa fa-eye" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Add to cart" class="add-to-cart round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="product"><a class="product-img" href=""><img src="assets/images/product-img/product-img-5.jpg" alt=""></a>
                <h5 class="product-type">Spices</h5>
                <h3 class="product-name">Ingredients</h3>
                <h3 class="product-price">$14.00 <del>$35.00</del> </h3>
                <div class="product-select">
                  <button data-toggle="tooltip" data-placement="top" title="" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-5" data-original-title="Quick view"><i class="fa fa-eye" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Add to cart" class="add-to-cart round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="product"><a class="product-img" href=""><img src="assets/images/product-img/product-img-5.jpg" alt=""></a>
                <h5 class="product-type">Spices</h5>
                <h3 class="product-name">Ingredients</h3>
                <h3 class="product-price">$14.00 <del>$35.00</del> </h3>
                <div class="product-select">
                  <button data-toggle="tooltip" data-placement="top" title="" class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-6" data-original-title="Quick view"><i class="fa fa-eye" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Wishlist" class="add-to-wishlist round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-heart-o" aria-hidden="true"></i></button>
                  <button data-toggle="tooltip" data-placement="top" title="Add to cart" class="add-to-cart round-icon-btn" onClick="window.location.href='#'"><i class="fa fa-shopping-bag" aria-hidden="true"></i></button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="newsletter">
  <div class="container">
    <div class="row">
      <div class="col-md-7">
        <h4>Join Our Newsletter Now</h4>
        <p class="m-0">Get E-mail updates about our latest shop and special offers.</p>
      </div>
      <div class="col-md-5">
        <form action="" method="post" id="subsForm" onSubmit="return ajaxmailsubscribe();">
        <div class="input-group">
          <input type="email" name="subsemail" id="subsemail" class="form-control newsletter" placeholder="Enter your mail">
          <span class="input-group-btn">
          <button class="btn btn-theme" type="button" onClick="return ajaxmailsubscribe();">Subscribe</button>
          </span> </div>
          </form>
      </div>
    </div>
  </div>
</div>
<!-- Footer -->
<div class="container py-5">
  <div class="row">
    <div class="col-lg-4 col-md-6 col-sm-6 address wow fadeInLeft">
      <p><img src="assets/images/logo.png" alt="" title="" class="img-fluid"></p>
      <p>Address: 123-45 Road 11378 Manchester</p>
      <p>Phone: +12 3456 78901</p>
      <p>Email: <a href="mailto:info.organicstore@gmail.com">info.organicstore@gmail.com</a></p>
      <ul class="social-2">
        <li><a href="#" title="facebook"><i class="fa fa-facebook"></i></a></li>
        <li><a href="#" title="instagram +"><i class="fa fa-instagram"></i></a></li>
        <li><a href="#" title="twitter"><i class="fa fa-twitter"></i></a></li>
        <li><a href="#" title="Linkedin"><i class="fa fa-pinterest"></i></a></li>
      </ul>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-6 footer-link wow fadeInLeft">
      <h3>Information</h3>
      <ul>
        <li><a href="about-us#">About Us</a></li>
        <li><a href="faq#">FAQ</a></li>
        <li><a href="contact#">Contact</a></li>
        <li><a href="#">Shop</a></li>
      </ul>
    </div>
    <div class="col-lg-3 col-md-6 col-sm-6 footer-link wow fadeInLeft">
      <h3>My Account</h3>
      <ul>
        <li><a href="#">My Account</a></li>
        <li><a href="#">login</a></li>
        <li><a href="#">Wishlist</a></li>
        <li><a href="#">Register</a></li>
      </ul>
    </div>
    <div class="col-lg-2 col-md-6 col-sm-6 footer-link wow fadeInLeft">
      <h3>Quick Shop</h3>
      <ul>
        <li><a href="cart#">Cart</a></li>
        <li><a href="#">Wishlist</a></li>
        <li><a href="comingsoon#">Coming Soon</a></li>
        <li><a href="404#">404</a></li>
      </ul>
    </div>
  </div>
</div>
<footer class="py-4 bg-dark">
  <div class="container copy-right">
    <div class="row">
      <div class="col-md-6 text-white">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
      <div class="col-md-6 payment">
        <div class="pull-right"> <a href=""><img src="assets/images/skrill.png" alt="" title=""></a> <a href=""><img src="assets/images/ob.png" alt="" title=""></a> <a href=""><img src="assets/images/paypal.png" alt="" title=""></a> <a href=""><img src="assets/images/am.png" alt="" title=""></a> <a href=""><img src="assets/images/mr.png" alt="" title=""></a> <a href=""><img src="assets/images/visa.png" alt="" title=""></a> </div>
      </div>
    </div>
  </div>
</footer>
<!-- Footer -->
<div id="popup-1" class="popup-fcy">
  <div class="row">
    <div class="col-md-6 text-center"> <img src="assets/images/product-img/product-big-1.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div>
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4 p-0">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-2" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4 p-0">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-2" class="popup-fcy">
  <div class="row">
    <div class="col-md-6 text-center"> <img src="assets/images/product-img/kiwi.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div>
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4 p-0">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-3" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4 p-0">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-3" class="popup-fcy">
  <div class="row">
    <div class="col-md-6"> <img src="assets/images/product-img/orange.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-4" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-4" class="popup-fcy">
  <div class="row">
    <div class="col-md-6"> <img src="assets/images/product-img/acai-berry.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-5" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-5" class="popup-fcy">
  <div class="row">
    <div class="col-md-6"> <img src="assets/images/product-img/maracuja.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-6" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-6" class="popup-fcy">
  <div class="row">
    <div class="col-md-6"> <img src="assets/images/product-img/cucumber.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-6" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="popup-7" class="popup-fcy">
  <div class="row">
    <div class="col-md-6"> <img src="assets/images/product-img/mushroom.jpg" alt="" title="" class="img-fluid"> </div>
    <div class="col-md-6">
      <div class="product_meta">
        <p>Availability : <span>not in Stock</span> </p>
        <p>Categories : <span>Vegetable Fruit</span></p>
        <p>Tags : <span>fruit green health organic</span> </p>
      </div>
      <div class="product-dis">
        <h3>Products Name</h3>
        <hr>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book when an unknown printer took a galley of type and scrambled it to make a type specimen bookwhen an unknown printer took a galley of type and scrambled it to make a type specimen book.  remaining essentially unchanged.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
        <div class="row">
          <div class="col-2 pr-0">
            <input type="number"  class="input-text qty text" step="1" min="1" max="50" name="quantity" value="1" title="Qty" size="4">
          </div>
          <div class="col-10">
            <div class="wrap_compare">
              <div class="row">
                <div class="col-6">
                  <div class="add_to_cart"><a href="" class="">ADD TO CART</a></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12 mt-4">
            <hr class="m-0 p-0">
          </div>
          <div class="pb-3 pt-3">
            <div class="left-icon"> <a class="add-to-compare round-icon-btn" data-fancybox="gallery" data-src="#popup-7" href="javascript:;"> <i class="fa fa-eye" aria-hidden="true"></i> </a> <a href="" class="mr-3"><i class="fa fa-balance-scale" aria-hidden="true"></i></a> </div>
          </div>
          <div class="col-md-12 mb-4">
            <hr class="m-0 p-0">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- popur -->


<!--easyzoom-->

<script src="assets/js/ajax.js"></script>
<script src="assets/js/formValidation.js"></script>

<script src="assets/vendor/detail-page/jquery-3.1.1.min.js"></script>
<script src="assets/vendor/jquery/easyzoom.js"></script>
<script src="assets/vendor/jquery/easyzoom-script.js"></script>
<!--easyzoom-->
<!--bootstrap-->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!--bootstrap-->
<!--wow-->
<script src="assets/vendor/wow/wow.js"></script>
<script src="assets/vendor/wow/page.js"></script>
<!--wow-->
<!--owl.carousel-->
<script src="assets/owlcarousel/owl.carousel.js"></script>
<!--owl.carousel-->
<!--related-products-->
<script src="assets/vendor/detail-page/related-products.js"></script>
<script  src="assets/vendor/detail-page/index.js"></script>
<!--related-products-->
<script src="assets/vendor/jquery/quality.js"></script>
<script src="assets/vendor/jquery/product.js"></script>
<!--fancybox files -->
<link rel="stylesheet" href="assets/css/product-hover.css">
<link rel="stylesheet" href="assets/vendor/fancy-box/fancybox.min.css" />
<script src="assets/vendor/fancy-box/jquery.fancybox.min.js"></script>
<!--scrolltop-->
<script src="assets/vendor/jquery/scrolltopcontrol.js"></script>
<!--scrolltop-->
<!--bootstrap-->
<script src="assets/vendor/bootstrap/js/popper.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<!--bootstrap-->

<p data-toggle="modal" class="no-margin" data-target="#myModal" id="model2"></p>
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-dialog2">
    <div class="modal-content text-center">
      <div class="modal-body modal-body2">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <p><img src="assets/images/success.svg" width="50"></p>
        <h3 class="modal-title">Thank you</h3>
        <h4 class="thanks mt-2">Your submission is recevied and we will contact you soon.</h4>
        <a href="" target="_blank" class="btn add-to-cart2 d-inline-block font-15 rounded">BUY THIS TEMPLATE NOW</a> <a href="index#" class="back-to-home d-block small mt-2"><i class="fa fa-long-arrow-left"></i> BACK TO HOME</a> </div>
    </div>
  </div>
</div>

</body>
</html>

